<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>行业产品价格体系</title>
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/product_price.css">
</head>

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo" style="width: 250px">产品报价系统  -  <span style="font-size: 12px"> 行业产品价格体系</span></div>
        <ul class="layui-nav myheadernav">
            <li class="layui-nav-item">
                <a href="javascript:;">SMB产品报价体系</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="#1">移动模块</a></dd>
                    <dd class="layui-this"> <a href="#2" >SMB产品报价体系</a></dd>
                    <dd><a href="#3">电商平台</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <div style="margin-left: 10px;position: relative">
                    <input type="text" id="searchinput" placeholder="请输入产品名称" autocomplete="off" class="layui-input">
                    <img src="./assests/search.png" class="searchicon" />
                </div>

            </li>
            <li class="layui-nav-item"  lay-unselect>
                <button id="btnsearch" class="layui-btn">高级搜索<i style="font-size: 12px;margin-left: 5px" class="layui-icon layui-icon-down
"></i> </button>
                <!--高级筛选按钮-->
            </li>

        </ul>
        <ul class="layui-nav layui-layout-right" >
            <li class="layui-nav-item"  lay-unselect>
                <span id="copyright" >业务支持:唐子钫 010-5171 5815  技术支持:王慧平 010-52692576</span>
            </li>
            <li class="layui-nav-item"  lay-unselect>
                <a href="javascript:;">
                    李增超
                </a>

            </li>
            <li class="layui-nav-item"  lay-unselect>
                <button class="layui-btn layui-btn-normal">退出</button>
            </li>
        </ul>


    </div>
    <div class="layui-body">
        <div class="layui-fluid" style="padding: 40px 20px">
            <!--高级筛选增加部分-->
            <div class="layui-row" id="advanced_search">
                <form class="layui-form" >
                    <div  class="layui-col-md11" >

                    <div  class="layui-col-md3" >
                        <div class="layui-form-item">
                            <label class="layui-form-label">所属产品线:</label>
                            <div class="layui-input-block">
                                <select name="belongproduct" lay-verify="required">
                                    <option value=""></option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div  class="layui-col-md3" >
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 92px">所属产品大类:</label>
                            <div class="layui-input-block" style="margin-left:124px ">
                                <select name="belongproduct" >
                                    <option value=""></option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div  class="layui-col-md3" >
                        <div class="layui-form-item">
                            <label class="layui-form-label" style="width: 92px">所属系列名称:</label>
                            <div class="layui-input-block"  style="margin-left:124px ">
                                <input type="text" name="username" placeholder="输入系列名称" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                    </div>
                     <div  class="layui-col-md3" >
                        <div class="layui-form-item">
                            <label class="layui-form-label" >产品属性:</label>
                            <div class="layui-input-block" >
                                <input type="text" name="username" placeholder="输入产品属性" autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                    </div>

                    </div>
                    <div  class="layui-col-md1" style="text-align: center" >
                        <button class="layui-btn layui-btn-normal" type="button" id="searchbtn">搜索</button>
                    </div>
                </form>

            </div>
            <!--高级筛选增加部分end-->
            <div class="layui-row">

                <div  class="layui-col-md12" >




                    <div id="tab" class="tab">
                        <div class="tab-title-line">
                            <ul class="tab-title">

                                <li class="layui-this">网站设置</li>  <!--<初始激活的tab 请添加class layui-this-->
                                <li>交换机产品线</li>
                                <li>路由器产品线</li>
                                <li>无线产品线</li>
                                <li>交换机产品线</li>
                                <li>路由器产品线</li>
                                <li>无线产品线</li>
                                <li>交换机产品线</li>
                                <li>路由器产品线</li>
                                <li>无线产品线</li>
                                <li>交换机产品线</li>
                                <li>路由器产品线</li>
                                <li>无线产品线</li>
                                <li>交换机产品线</li>
                                <li>路由器产品线</li>
                                <li>无线产品线</li>
                            </ul>

                        </div>
                        <!--tab内容区域-->
                        <div class="tab-content">
                            <div class="layui-tab-item layui-show"> <!--<初始显示的tab内容 请添加class layui-show-->

                                <table lay-even class="layui-table">   <!--<设置不会跟随hover改版颜色的列 从0开始计算-->
                                    <colgroup>
                                        <col  >
                                        <col >
                                        <col>
                                        <col >
                                        <col width="300">  <!--可固定列宽 不写 自动分配-->
                                        <col>
                                        <col >
                                        <col >
                                        <col>
                                    </colgroup>
                                    <thead>
                                    <tr>
                                        <th>产品大类名称</th>
                                        <th>产品系列</th>
                                        <th>产品小类名称</th>
                                        <th>产品型号</th>
                                        <th>产品说明</th>
                                        <th>市场零售报价(元)</th>
                                        <th>产品资质</th>
                                        <th>备注</th>
                                        <th>产品类别</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td rowspan="3">AP系列</td>  <!--行合并 rowspan="3" -->
                                        <td rowspan="2">灵漫游双频版</td>
                                        <td>主机</td>
                                        <td>RG-AP420</td>
                                        <td class="longtext">于千万人之中遇见你所遇见的人，于千万年之中，于千万年之中，于千万年之中，时间的无涯的荒野里</td> <!--长文字自动截取并且  需要鼠标滑过  出现tip 请在单元格中 添加class longtext-->

                                        <td>1.00</td>
                                        <td>产品资质</td>
                                        <td>备注啦啦啦啦</td>
                                        <td>B</td>
                                    </tr>
                                    <tr>


                                        <td>主机</td>
                                        <td>RG-AP420</td>
                                        <td class="longtext">于千万人之中遇见你所遇见的人，于千万年之中，于千万年之中，于千万年之中，时间的无涯的荒野里</td>
                                        <td>1.00</td>
                                        <td>产品资质</td>
                                        <td>备注啦啦啦啦</td>
                                        <td>B</td>
                                    </tr>

                                    <td>电子书</td>
                                    <td>主机</td>
                                    <td>RG-AP420</td>
                                    <td class="longtext">于千万人之中遇见你所遇见的人，于千万年之中，于千万年之中，于千万年之中，时间的无涯的荒野里</td>
                                    <td>1.00</td>
                                    <td>产品资质</td>
                                    <td>备注啦啦啦啦</td>
                                    <td>B</td>
                                    </tr>

                                    </tbody>
                                </table>

                                <div id="page" class="mypage"></div>

                            </div>
                            <div class="layui-tab-item">内容2</div>
                            <div class="layui-tab-item">内容3</div>
                            <div class="layui-tab-item">内容4</div>
                            <div class="layui-tab-item">内容5</div>
                        </div>

                    </div>

                </div>
            </div>
        </div>

    </div>



</div>

</body>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script src="./js/product_price.js" charset="utf-8"></script>
</html>